<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- designer-manual.qdoc -->
  <title>Using Containers in Qt 设计师 | Qt设计师手册</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="../qtdoc/index.html">Qt 5.12</a></td><td ><a href="qtdesigner-manual.html">Qt设计师手册</a></td><td >
			在 Qt 设计师 中使用容器</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtdesigner-manual.html">Qt 5.12.3 参考指南</a></td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
  <link rel="prev" href="designer-tab-order.html" />
  <link rel="next" href="designer-creating-mainwindows.html" />
<p class="naviNextPrevious headerNavi">
<a class="prevPage" href="designer-tab-order.html">Q<span lang="zh-cn">t设计师中的Tab编辑模式</span></a>
<span class="naviSeparator">  &#9702;  </span>
<a class="nextPage" href="designer-creating-mainwindows.html">
<span lang="zh-cn">在Qt设计师中创建主窗口</span></a>
</p>
	<p/>
<div class="sidebar"><div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">在 Qt 设计师 中使用容器</h1>
<span class="subtitle"></span>
<!-- $$$designer-using-containers.html-description -->
<div class="descr"> <a name="details"></a>
<p><font style="vertical-align: inherit;">容器组件提供对表单上的对象组的高级控制。它们可用于执行各种功能，例如管理输入组件、提供分页和选项卡式布局，或仅充当其他对象的装饰容器。</font></p>
<p class="centerAlign"><img src="images/designer-widget-morph.png" alt="" /></p><p><i><font style="vertical-align: inherit;">Qt 设计师</font></i><font style="vertical-align: inherit;">提供视觉反馈来帮助您将对象放置在容器内。当您从窗体上的组件框（或其他地方）拖动对象时，当光标位于每个容器上时，每个容器都将突出显示。这表示您可以将对象放入其中，使其成为容器的子对象。这种反馈很重要，因为很容易将物体放置在靠近容器的地方，而无需将它们实际放置在里面。组件和垫片都可以在容器内使用。</font></p>
<p><span lang="zh-cn">堆栈</span><font style="vertical-align: inherit;">组件、选项卡组件和工具箱在</font><i><font style="vertical-align: inherit;">Qt 设计师中</font></i><font style="vertical-align: inherit;">专门处理。通常，在您自己的代码中向这些容器添加页面（选项卡、页面、隔间）时，您需要提供现有的组件，作为占位符或包含子组件。在</font><i><font style="vertical-align: inherit;">Qt 设计师 中</font></i><font style="vertical-align: inherit;">，这些是自动为您创建的，因此您可以立即将子对象添加到每个页面。</font></p>
<p><font style="vertical-align: inherit;">每个容器通常允许其子对象排列在一个或多个布局中。提供的布局管理类型取决于每个容器，尽管设置布局通常只是通过单击选择容器并应用布局的问题。下表显示了可用容器的列表。</font></p>
<div class="table"><table class="generic">
 <tr valign="top" class="odd"><td ><img src="images/designer-containers-frame.png" alt="" /></td><td ><b><font style="vertical-align: inherit;">框架</font></b><p><font style="vertical-align: inherit;">框架用于包围和分组组件，以及提供装饰。它们被用作更复杂容器的基础，但它们也可以用作表单中的占位符。</font></p>
<p><font style="vertical-align: inherit;">框架的最重要的特性是</font><code>frameShape</code><font style="vertical-align: inherit;">，</font><code>frameShadow</code><font style="vertical-align: inherit;">，</font><code>lineWidth</code><font style="vertical-align: inherit;">，和</font><code>midLineWidth</code><font style="vertical-align: inherit;">。这些在</font><a href="file:///E:/WLL/work/Qt5.12-Document-Trans-in-Chinese/qtwidgets/qframe.html"><font style="vertical-align: inherit;">QFrame</font></a><font style="vertical-align: inherit;">类描述中有更详细的描述。</font></p>
</td></tr>
<tr valign="top" class="even"><td ><img src="images/designer-containers-groupbox.png" alt="" /></td><td >
	<b><span lang="zh-cn">分组框</span></b><p><font style="vertical-align: inherit;">分组框通常用于将具有相似目的的复选框和单选按钮的集合分组在一起。</font></p>
<p><font style="vertical-align: inherit;">在分组框的显著特性是</font><code>title</code><font style="vertical-align: inherit;">，</font><code>flat</code><font style="vertical-align: inherit;">，</font><code>checkable</code><font style="vertical-align: inherit;">，和</font><code>checked</code><font style="vertical-align: inherit;">。这些在</font><a href="file:///E:/WLL/work/Qt5.12-Document-Trans-in-Chinese/qtwidgets/qtwidgets-widgets-groupbox-example.html"><font style="vertical-align: inherit;">Group Box</font></a><font style="vertical-align: inherit;">示例中进行了演示，并在</font><a href="file:///E:/WLL/work/Qt5.12-Document-Trans-in-Chinese/qtwidgets/qgroupbox.html"><font style="vertical-align: inherit;">QGroupBox</font></a><font style="vertical-align: inherit;">类文档中进行了描述。每个组框可以包含自己的布局，如果它包含其他组件，这是必要的。要将布局添加到组框，请在其中单击并照常应用布局。</font></p>
</td></tr>
<tr valign="top" class="odd"><td ><img src="images/designer-containers-stackedwidget.png" alt="" /></td><td ><b><font style="vertical-align: inherit;">堆<span lang="zh-cn">栈</span>组件</font></b><p><font style="vertical-align: inherit;">堆叠组件是组件的集合，其中只有最顶层是可见的。对可见层的控制通常由另一个组件（例如组合框）使用信号和插槽进行管理。</font></p>
<p><i><font style="vertical-align: inherit;">Qt 设计师</font></i><font style="vertical-align: inherit;">在堆栈的右上角显示箭头，以便您在设计时查看堆栈中的所有组件。这些箭头不会出现在预览或最终组件中。要在堆栈中的页面之间导航，请选择堆栈组件并使用上下文菜单中的</font><b><font style="vertical-align: inherit;">下一页</font></b><font style="vertical-align: inherit;">和</font><b><font style="vertical-align: inherit;">上一页</font></b><font style="vertical-align: inherit;">条目。在</font><b><font style="vertical-align: inherit;">插入页面</font></b><font style="vertical-align: inherit;">和</font><b><font style="vertical-align: inherit;">删除页面</font></b><font style="vertical-align: inherit;">的上下文菜单选项，您可以添加和删除页面。</font></p>
</td></tr>
<tr valign="top" class="even"><td ><img src="images/designer-containers-tabwidget.png" alt="" /></td><td >
	<b><font style="vertical-align: inherit;">标签<span lang="zh-cn">页</span>组件</font></b><p><font style="vertical-align: inherit;">选项卡组件允许开发人员将组件的目录分成不同的标记部分，在任何给定时间只显示其中一个部分。默认情况下，选项卡组件包含两个选项卡，可以根据需要删除或重命名这些选项卡。您还可以添加其他选项卡。</font></p>
<p><font style="vertical-align: inherit;">要删除选项卡：</font></p>
<ul>
<li><font style="vertical-align: inherit;">单击其标签使其成为当前选项卡。</font></li>
<li><font style="vertical-align: inherit;">选择选项卡组件并打开其上下文菜单。</font></li>
<li><font style="vertical-align: inherit;">选择</font><b><font style="vertical-align: inherit;">删除页面</font></b><font style="vertical-align: inherit;">。</font></li>
</ul>
<p><font style="vertical-align: inherit;">添加新选项卡：</font></p>
<ul>
<li><font style="vertical-align: inherit;">选择选项卡组件并打开其上下文菜单。</font></li>
<li><font style="vertical-align: inherit;">选择</font><b><font style="vertical-align: inherit;">插入页面</font></b><font style="vertical-align: inherit;">。</font></li>
<li><font style="vertical-align: inherit;">您可以在</font><i><font style="vertical-align: inherit;">当前</font></i><font style="vertical-align: inherit;">页面之前或之后添加一个页面。</font><i><font style="vertical-align: inherit;">Qt 设计师</font></i><font style="vertical-align: inherit;">将为该特定选项卡创建一个新组件并将其插入到选项卡组件中。</font></li>
<li><font style="vertical-align: inherit;">您可以通过更改<b>属性编辑器</b></font><code>currentTabText</code><font style="vertical-align: inherit;">中的</font><b><font style="vertical-align: inherit;">属性</font></b><font style="vertical-align: inherit;">来设置当前选项卡的标题。</font></li>
</ul>
</td></tr>
<tr valign="top" class="odd"><td ><img src="images/designer-containers-toolbox.png" alt="" /></td><td ><b><font style="vertical-align: inherit;">工具箱组件</font></b><p><font style="vertical-align: inherit;">工具箱组件在工具箱中提供一系列页面或隔间。它们的处理方式类似于堆叠组件。</font></p>
<p><font style="vertical-align: inherit;">要重命名工具箱中的页面，请将工具箱设为当前面板并</font><code>currentItemText</code><font style="vertical-align: inherit;">从</font><b><font style="vertical-align: inherit;">属性编辑器</font></b><font style="vertical-align: inherit;">更改其属性。</font></p>
<p><font style="vertical-align: inherit;">要添加新页面，请从工具箱组件的上下文菜单中选择</font><b><font style="vertical-align: inherit;">插入页面</font></b><font style="vertical-align: inherit;">。您可以在当前页面之前或之后添加页面。</font></p>
<p><font style="vertical-align: inherit;">要删除页面，</font><b><font style="vertical-align: inherit;">请</font></b><font style="vertical-align: inherit;">从工具箱组件的上下文菜单中选择<b>删除页面</b>。</font></p>
</td></tr>
<tr valign="top" class="even"><td ><img src="images/designer-containers-dockwidget.png" alt="" /></td><td ><b><font style="vertical-align: inherit;">停靠组件</font></b><p><font style="vertical-align: inherit;">停靠组件是浮动面板，通常包含输入组件和更复杂的控件，它们要么附加到“停靠区域”中主窗口的边缘，要么作为独立的工具窗口浮动。</font></p>
<p><font style="vertical-align: inherit;">尽管停靠窗口组件可以添加到任何类型的表单中，但它们通常与从</font><a href="file:///E:/WLL/work/Qt5.12-Document-Trans-in-Chinese/qtdesigner/designer-creating-mainwindows.html"><font style="vertical-align: inherit;">主窗口模板</font></a><font style="vertical-align: inherit;">创建的表单一起使用。</font></p>
</td></tr>
</table></div>
</div>
<!-- @@@designer-using-containers.html -->
<p class="naviNextPrevious footerNavi">
<a class="prevPage" href="designer-tab-order.html">Q<span lang="zh-cn">t设计师中的Tab编辑模式</span></a>
<span class="naviSeparator">  &#9702;  
<a class="nextPage" href="designer-creating-mainwindows.html">
<span lang="zh-cn">在Qt设计师中创建主窗口</span></a></span>
</p>
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2019 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>
